<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>结案申请</title>

    <!-- import CSS -->
    <link rel="stylesheet" href="../../layuiadmin/element-ui/lib/theme-chalk/index.css">
    <!-- import Vue before Element -->
    <script src="../../layuiadmin/js/case/vue.js"></script>
    <!-- import JavaScript -->
    <script src="../../layuiadmin/element-ui/lib/index.js"></script>
    <!-- import vueResource -->
    <script type="text/javascript" src="../../layuiadmin/js/case/vue-resource.js"></script>
    <!--导入bootstrap-->
    <script type="text/javascript" src="../../layuiadmin/js/case/jquery.min.js"></script>
    <script type="text/javascript" src="../../layuiadmin/js/case/getUrlParam.js"></script>
    <script type="text/javascript" src="../../layuiadmin/js/case/jquery.cookie.js"></script>
    <script>Vue.config.productionTip=false</script>
    
    <style>
        .mar{
            margin-left:5px;
            margin-bottom:20px ;
        }
        body{
            background: #FFFFFF;
        }
        .wid{
            width: 570px;
        }
    </style>
    
</head>
<body>


    <div id="app">

        <i class="el-icon-folder mar" style="color: #409EFF;">案件详细信息</i>
        
        <table style="font-size: 14px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) " class="table-border" border="0px" width="1150px" height="300px">
            <tr>
                <td>案号：{{law.caseId}}</td>
                <td>委托人：{{law.clientId.cname}}</td>
                <td>对方当事人：{{law.oppositeId.cname}}</td>
                <td>诉讼地位：{{law.locusStandi}}</td>
            </tr>

            <tr>
                <td>案由：{{law.causeOfAction}}</td>
                <td>案件冲突详情：{{law.causeDetails}}</td>
                <td>案件状态：{{law.caseStatus}}</td>
                <td>诉讼标的：{{law.objectOfAction}}</td>
            </tr>

            <tr>
                <td>案件类型：{{law.caseTypeid.typeName}}</td>
                <td>卷宗文件：{{law.recordFilename}}</td>
                <td>提交人：{{law.submitId.user_name}}</td>
                <td>提交时间：{{law.submitDate}}</td>
            </tr>

            <tr>
                <td>承办律师：{{law.mainLawyer.empName}}</td>
                <td>代理费用：{{law.agencyMoney}}</td>
                <td>杂费：{{law.blendMoney}}</td>
                <td>应付金额：{{law.amountMoney}}</td>
            </tr>

            <tr>
                <td>受理法院：{{law.courtId.courtName}}</td>
                <td>开庭时间：{{law.sessionDate}}</td>
                <td>立庭日期：{{law.stateSessionDate}}</td>
                <td>宣判日期：{{law.trialDate}}</td>
            </tr>

            <tr>
                <td>收案审批状态：{{law.closeState}}</td>
                <td>收案方式：{{law.closeMode}}</td>
                <td>收案时间：{{law.closeDate}}</td>
                <td>审批人：{{law.closeDate}}</td>
            </tr>
        </table>

        <i class="el-icon-folder mar" style="color: #409EFF; margin-top: 20px">结案申请</i>

        <el-form :inline="true" :model="Case_audit" class="demo-form-inline" label-position="top">
            <el-form-item label="案号">
                <el-input v-model="Case_audit.caseid.caseId" :disabled="true" class="wid"></el-input>
            </el-form-item>

            <el-form-item label="结案时间">
                <el-date-picker  v-model="Case_audit.caseid.caseTime" type="date" style="width: 570px;"
                        placeholder="选择日期">
                </el-date-picker>
            </el-form-item>

            <el-form-item label="备注说明">
                <el-input type="textarea" v-model="Case_audit.auditid.remark" style="width:1150px;" placeholder="审批人"></el-input>
            </el-form-item>
            
        </el-form>
        
            <el-button type="primary" @click="onSubmit()">确认提交</el-button>
    </div>
    
    <script type="text/javascript" src="../../layuiadmin/js/case/case_closelaw.js"></script>

</body>
</html>